草庐IT

javascript - 在 LESS 中启用内联 javascript

全部标签

javascript - typescript 无法导入没有扩展名的文件

我正在尝试在我的新Angular2项目中导入文件。入口文件“main.ts”能够使用以下方式导入其他typescript文件:import{AppModule}from'./module/app.module';另一方面,“app.module.ts”无法导入没有文件扩展名的ts文件:import{AppComponent}from'../component/app.component';如果我在文件名中添加“.ts”,一切都会按预期进行...我的错误是什么?我假设我正在按照Angular指南(https://angular.io/docs/ts/latest/guide/webpac

javascript - 在有限上下文中运行 JS 代码

我正在尝试在“隔离”上下文中运行可信JS代码。基本上想出了这个方法:functionlimitedEval(src,context){return(function(){with(this){returneval(src)}}).call(context)}这很好用,但是当脚本使用var关键字时,它存储在executioncontext中,而不是with语句中提供的上下文(我理解是设计使然)。因此,例如,以下代码不起作用:varctx={};limitedEval('varfoo="hello"',ctx);limitedEval('alert(foo)',ctx);//error:f

javascript - Webpack 捆绑许可证合规性?

有没有办法使用webpack执行许可证合规性检查?理想情况下,由webpack构建的所有模块的许可header都包含在最终输出文件中,但我们如何检查是否是这种情况?还有可以检测许可证兼容性冲突的插件吗? 最佳答案 我不是律师,所以这不是法律建议。您似乎在尝试解决两个不同的问题:(1)了解通过npm安装的软件包的合规义务,(2)履行任何义务(例如,在webpack的输出中包含许可证)。对于(1)tldrlegal是一个有用的工具,可以打印义务的高级摘要。由于义务可能包括诸如“在所有广告Material中显示确认”之类的要求,因此很难将

javascript - 在 React 中的现有状态转换错误期间无法更新

在我的渲染return()中,我有这些:Today这是什么函数:selectTimeframe(timeframe){//this.setState({timeframe});}^我现在必须注释掉setState否则我会收到我在上面发布的错误并且应用程序中断。我的构造函数中有这个:this.selectTimeframe=this.selectTimeframe.bind(this);我找到了这个answerhere,但这没有意义,我应该如何传递变量?或者他是说每个独特的按钮都需要独特的功能?至于避免在渲染内部调用它?完整代码importReactfrom'react';exportc

javascript - 故事书+字体文件

我似乎无法使用Storybook的webpack来编译我的CSS。它抛出字体文件并告诉我我可能需要一个加载器,但我已经将一个加载器添加到它正在使用的webpack.config.js文件中。这是我的webpack.config.js:constresolve=require('path').resolve;module.exports={module:{loaders:[{test:/\.css$/,loaders:['style','css','postcss?modules'],include:resolve(__dirname,'../')},{test:/\.(png|woff

javascript - react 导入根路径助手

在react中因为我必须导入不同的助手或组件我遇到了这个问题importapproxPerDayfrom'../../../utils/approxPerDay.js'importotherstufffrom'../components/otherstuff'在另一个文件中它可能是importapproxPerDayfrom'../utils/approxPerDay.js'找到相对路径真的很费时间。有没有npm或helper可以解决这个问题? 最佳答案 我遇到了类似的问题。我终于按照这篇文章解决了它:https://medium.

javascript - redux-form onSubmit 刷新页面

我是redux-form的新手,在处理onSubmit时遇到了一个奇怪的问题。当我完全按照此处的redux-form示例设置我的项目时http://redux-form.com/6.7.0/examples/syncValidation/它按预期工作。我试图根据我的需要扩展这个示例,并确认它在加载表单时按预期工作,如下所示:路由组件>表单。当我尝试在通过路由(路由组件>容器组件>表单)加载的react组件中加载表单时,问题就出现了。当我点击提交时,字段值被添加到地址栏并且表单验证不运行。我已经尝试了我能想到的一切来解决这个问题。如果替换,下面提供的代码将正常工作与在index.js中。

javascript - 克隆 div 并删除类而不更改原始类

我想使用jQuery克隆div的内容,但是在使用appendTo函数之前,我想从复制的内容中删除原始内容中的类。当我从克隆中删除类时,它们也会从原始类中删除。我的代码是:$('.carousel.item').each(function(){varnext=$(this).next();if(!next.length){next=$(this).siblings(':first');}next.children(':first-child').clone().appendTo($(this));next.children(':first-child').addClass('col-sm

javascript - 惰性求值可以通过 monadic 类型实现吗?

我目前正在研究结合Javascript中的monad的惰性求值,以及可能从中演化出哪些用例。所以我尝试实现一个惰性类型,它实现了functor/monad类型类。相应的构造函数在其参数和结果中是惰性的。这是我想出的://alazytype//(()->a)->()->bconstLazy=thunk=>()=>thunk();//(b->a->b)->b->Lazya->bLazy.fold=f=>acc=>tx=>f(acc)(tx());//(a->b)->Lazya->LazybLazy.map=f=>tx=>Lazy(()=>f(tx()));//Lazy(a->b)->Laz

javascript - 通过将它们的方法包装在一起,Typescript 类对象的性能是否会变慢?

我可能是错的,但通过查看typescriptsplayground,我注意到他们将类的方法与对象变量包装在一起,感觉每次我调用新对象时它可能会降低性能。例如类的TypescriptPlayground输出varFatObject=(function(){functionFatObject(thing){this.objectProperty='string';this.anotherProp=thing;}FatObject.prototype.someMassivMethod=function(){//manylinesofcode//...//...//...//.........